<template>  
  <div>  
    <el-breadcrumb separator="/">  
      <el-breadcrumb-item  
        v-for="(item, index) in breadcrumbList"  
        :key="item.meta ? item.meta.id || index : index"  
      >  
        {{ item.meta.title }}  
      </el-breadcrumb-item>  
    </el-breadcrumb>  
  </div>  
</template>  
  
<script>  
export default {  
  name: 'BreadcrumbComponent', // 更改为更具描述性的名称  
  computed: {  
    breadcrumbList() {  
      return this.$route.matched;  
    }  
  }  
};  
</script>  
  
<style>  
/* 您的样式代码 */  
</style>